/*=================================
*         ShopEx licence
*
* @copyright  Copyright (c) 2003-2013 ShopEx Technologies Inc. (http://yunqi.shopex.cn)
*    
*   program : xuzhenjia0917@qq.com
* ==================================*/



@charset "UTF-8";
@import "core/screen";
@include reset;
@font-face
{
    font-family: times;
    src: url('times.ttf');
}
body{
    font-size:14px;
}
header{
    height: 90px;
    .logo{
        width: 434px;
        padding-top: 31px;
        @include background(url(../images/gp.png) no-repeat right 12px);
        display: block;
        height: 59px;
        margin-left:30px;
    }
    .menu{
        position: absolute;
        right:30px;
        top: 0;
        height: 90px;
        a{
            margin-left: 20px;
            padding-top:34px;
            position: relative;
            color:#6f6f6f;
            padding-bottom:8px;
            display: block;
            float: left;
            &:before{
                content:'';
                position: absolute;
                left: 0;
                bottom:0;
                @include box(0,2px);
                background:#316CAF;
                transition: 0.5s;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
            }
            &:hover, &.active{
                &:before{
                    width: 100%;
                }
            }
        }
    }
    .search-btn{
        @include box(35px,35px);
        @include background(url(../images/ser_btn.png) no-repeat left top);
        right:30px;
        z-index: 9999;
        position: absolute;
        top: 90px;
        cursor: pointer;
        &:hover{
            @include background(url(../images/ser_btn_active.png) no-repeat left top);
        }
    }
}
.header-fix{
    @include background(url(../images/header_fix_bg.png) no-repeat center top);
    height: 63px;
    position: fixed;
    top: -63px;
    z-index: 99999;
    left: 0;
    width: 100%;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    .logo{
        @include box(145px,63px);
        display: block;
        left: 30px;
        top: 0;
        img{
            padding-top: 14px;
        }
    }
    &.fixed{
        top: 0;
    }
    .fix-menu{
        padding:10px 0 0;
        @include box(657px,30px);
        left: 50%;
        margin-left: -329px;
        li{
            @include box(211px,30px);
            margin-right: 12px;
            &:nth-child(3){
                margin-right: 0;
            }
            a{
                display: block;
                border:1px solid #fff;
                @include box(209px,28px,28px);
                color:#fff;
                font-weight: bold;
                text-align: center;
                &:hover{
                    background: #fff;
                    color:#316CAF;
                    text-decoration: none;
                }
            }
        }
    }
    .search-btn{
        @include box(25px,50px);
        @include background(url(../images/ser_btn2.png) no-repeat right center);
        cursor: pointer;
        right:30px;
        top: 0;
    }
}
.search-box{
    @include box(100%,100%);
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 999999;
    display: none;
    .search-header{
        height: 90px;
        width: 1128px;
        .logo{
            width: 434px;
            padding-top: 31px;
            display: block;
            height: 59px;
        }
        .close-btn{
            padding-top:42px;
        }
    }
    .sea-form{
        padding:105px 0 6px;
        border-bottom:1px solid #9e9e9e;
        width: 1128px;
        input{
            border:none;
            background: none;
            padding:0;
            margin: 0;
            &.serch-input{
                font-size: 66px;
                height: 78px;
                line-height: 78px;
                width: 1093px;
            }
            &.serch-btn{
                @include background(url(../images/ser_btn.png) no-repeat left center);
                @include box(35px,78px);
                cursor: pointer;
                &:hover{
                    @include background(url(../images/ser_btn_active.png) no-repeat left center);
                }
            }
        }
    }
}

footer{
    .footer-ad{
        height: 128px;
        display: block;
        @include background(url(../images/footer_ad.png) no-repeat center top);
    }
    .footer-box{
        background: #000;
    }
    .f-logo{
        padding:44px 0 30px;
        height: 36px;
    }
    .foot-mind{
        height: 400px;
        overflow: hidden;
    }
    .footer-left{
        width: 412px;
        border-top:1px solid #58585A;
        color:#6F6F6F;
        .left-title{
            font-family: times;
            padding-top: 40px;
            width: 140px;
            li{
                height: 84px;
                &:nth-last-child(1){
                    height: 70px;
                }
            }
        }
        .left-info{
            width: 260px;
            padding-top: 40px;
            li{
                height: 84px;
                line-height: 26px;
                &:nth-child(3){
                    padding-top: 15px;
                    height: 65px;
                }
                &:nth-child(4){
                    padding-top: 15px;
                    height: 55px;
                }
            }
        }
        .left-link{
            width: 412px;
            border-top:1px solid #58585A;
            height: 34px;
            line-height: 34px;
            font-size: 16px;
        }
    }
    .footer-center{
        width: 280px;
        border-top:1px solid #58585A;
        color:#6F6F6F;
        margin-left:96px;
        h3{
            font-weight: normal;
            font-family: times;
        }
        p{
            line-height: 20px;
        }
        .fc-video{
            border-top:1px solid #58585A;
            .fc-vibox{
                @include box(193px,108px);
                cursor:pointer;
                .btn{
                    @include box(33px,20px);
                    background: #000;
                    bottom:8px;
                    left: 8px;
                    border-radius: 5px;
                    &:before{
                        content: "";
                        position: absolute;
                        left: 13px;
                        top: 6px;
                        border-left:8px solid #fff;
                        border-top:4px solid transparent;
                        border-bottom:4px solid transparent;
                    }
                }
                &:hover{
                    .btn{
                        background: #009fe6;
                    }
                }
            }
            
        }
    }
    .footer-right{
        width: 280px;
        margin-left: 60px;
        border-top:1px solid #58585A;
        padding-top:35px;
        h3{
            font-weight: normal;
            font-family: times;
        }
        .fr-link{
            a{
                margin:0 30px 36px 0;
                display: inline-block;
                &:nth-child(3n){
                    margin-right:0;
                }
            }
        }
        .fc-video{
            border-top:1px solid #58585A;
            &:hover{
                .more{
                    background: #717070;
                }
            }
        }
        .more{
            display: block;
            @include box(54px,18px,15px);
            border:1px solid #393939;
            border-radius:9px;
            margin:30px 0 0;
            color:#DBDBDB;
            &:hover{
                background: #717070;
            }
        }
    }
    .footer-bottom{
        border-top:1px solid #58585A;
        height: 40px;
        line-height: 40px;
        color:#c7c7c7;
        overflow: hidden;
        .go-top{
            cursor: pointer;
            @include box(40px,40px);
        }
    }
}

.home-index{
    .home-banner{
        height: 600px;
        overflow: hidden;
        .swiper-banner{
            @include box(100%,600px);
            .swiper-slide{
                display: block;
                @include box(100%,600px);
            }
            .swiper-button-next{
                @include background(url(../images/next.png) no-repeat left top);
                @include box(33px,30px);
                opacity: 0.5;
                &:hover{
                    opacity: 1;
                }
                right: 30px;
            }
            .swiper-button-prev{
                @include background(url(../images/prev.png) no-repeat left top);
                @include box(33px,30px);
                opacity: 0.5;
                &:hover{
                    opacity: 1;
                }
                left:30px;
            }
        }
        .hoem-news{
            @include box(1128px,95px);
            left: 50%;
            margin-left: -564px;
            bottom:17px;
            z-index: 9999;
            background: rgba(46,109,175,0.8);
            padding:13px 0 12px;
            .news-box{
                @include box(1103px,95px);
                background: #fff;
                margin: 0 auto;
                .news-title{
                    font-weight: bold;
                    color:#000;
                }
                .news-main{
                    width: 860px;
                    li{
                        height: 24px;
                        line-height: 24px;
                    }
                    a{
                        b{
                            color:#010101;
                        }
                    }
                }
                .more{
                    @include background(url(../images/banner_news.png) no-repeat left 25px);
                    display: block;
                    padding:35px 20px 0 60px;
                    height: 60px;
                    &:hover{
                        opacity: 0.8;
                    }
                }
            }
        }
    }
    .home-main1{
        border-bottom: 1px solid #CFCFD0;
        .main1-list{
            @include box(360px,270px);
            display: block;
            overflow: hidden;
            margin-right: 24px;
            &:nth-last-child(1){
                margin-right: 0;
            }
            &:before{
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                @include box(100%,100%);
                background: rgba(0,0,0,0);
                z-index: 10;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
            }
            .lis-img{
                @include box(360px,270px);
                transition:0.5s;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
            }
            .lis-st{
                @include box(360px,8px);
                @include background(url(../images/home_main1_st.png) no-repeat left top);
                bottom:48px;
                left: 0;
                z-index: 15;
            }
            .lis-txt{
                @include box(72px,50px);
                font-weight: bold;
                color:#fff;
                bottom:15px;
                left: 144px;
                z-index: 20;
                text-align: center;
            }
            &:hover{
                &:before{
                    background: rgba(0,0,0,0.3);
                }
                .lis-img{
                    transform: scale(1.2);
                    -webkit-transform: scale(1.2);
                    -moz-transform: scale(1.2);
                    -o-transform: scale(1.2);
                    -ms-transform: scale(1.2);
                }
            }
        }
    }
    .home-main2{
        padding-bottom: 40px;
        border-bottom: 1px solid #CFCFD0;
        .main2-title{
            color:#251E1C;
            padding:90px 0 30px;
            font-weight: bold;
        }
        .main2-list{
            @include box(350px,300px);
            margin-right: 39px;
            margin-bottom: 40px;
            &:nth-child(3n){
                margin-right: 0;
            }
            .lis-img{
                @include box(350px,150px);
                .img-hover{
                    @include box(350px,150px);
                    left: 0;
                    top: 0;
                    opacity: 0;
                    z-index: 9;
                    transition:0.5s;
                    -moz-transition: 0.5s;
                    -webkit-transition: 0.5s;
                    -o-transition: 0.5s;
                }
                .lis-txt{
                    top: 108px;
                    left: 0;
                    width: 350px;
                    color:#fff;
                    font-weight: bold;
                    z-index: 10;
                }
            }
            h3{
                color:#000;
                padding-top: 24px;
            }
            li{
                height: 20px;
                line-height: 20px;
                position: relative;
                padding-left: 15px;
                height: 21px;
                line-height: 21px;
                &:before{
                    content: "";
                    @include box(6px,6px);
                    background: #6F6F6F;
                    border-radius: 50%;
                    left: 0;
                    top: 8px;
                    position: absolute;
                }
            }
            .more{
                color:#009FE6;
                margin-top: 16px;
                display: block;
            }
            &:hover{
                .lis-img{
                    .img-hover{
                        opacity: 1;
                    }
                }
            }
        }
    }
    .home-main3{
        padding: 90px 0 90px;
        .main3-left{
            @include box(720px,405px);
            .video-js .vjs-big-play-button {
                left: 13px;
                top:354px;
                width: 65px;
                height: 40px;
                background: #000;
                border: none;
                border-radius: 5px; 
            }
            .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button>.vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content{
                top:-1px;
            }
            .jdt{
                left: 83px;
                top:358px;
            }
        }
        .main3-right{
            width: 373px;
            h3{
                color:#000;
            }
            .more{
                display: block;
                width:90px;
                height:38px;
                line-height: 38px;
                border:1px solid rgba(220, 220, 220, 1);
                border-radius: 19px;
                color:#009FE6;
                margin-top: 45px;
                &:hover{
                    background: #dcdcdc;
                }
            }
        }
    }
}

.def-banner{
    height: 615px;
    .wrap-box{
        height: 615px;
    }
    &.small-banner{
        height: 450px;
        .wrap-box{
            height: 450px;
        }
    }
    .def-title{
        bottom:0;
        color:#251E1C;
        @include background(url(../images/banner_title.png) no-repeat center top);
        padding-top: 40px;
        @include box(1128px,56px,36px);
        font-weight: bold;
    }
}
.def-info{
    line-height: 28px;
    width: 980px;
    margin: 0 auto;
    p{
        width: 700px;
        margin: 0 auto;
        b{
            color:#000;
        }
    }
    &.lng{
        padding-bottom: 95px;
        @include background(url(../images/lng_line.png) no-repeat center bottom);
    }
    a{
        padding: 0 10px;
        &:hover, &.active{
            color:#316CAF;
            font-weight: bold;
        }
    }
}
.news-other{
    width: 980px;
    margin: 0 auto;
    padding: 15px 0 130px;
    border-top:1px solid #CFCFD0;
    h3{
        color:#251E1C;
    }
    .main2-list{
        display:block;
        @include box(306px,448px);
        border:1px solid #CFCFD0;
        margin-right: 28px;
        &:nth-child(3n){
            margin-right: 0;
        }
        .lis-img{
            @include box(306px,230px);
            img{
                @include box(306px,230px);
            }
        }
        h4{
            height: 40px;
            color:#000;
            line-height: 21px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }
        p{
            height: 82px;
            line-height: 21px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
        }
        .more{
            display: block;
            color:#009FE6;
            border:1px solid #009FE6;
            @include box(53px,18px,16px);
            border-radius: 9px;
            margin: 26px 0 0 20px;
        }
        &:hover{
            .more{
                background: #daecfa;
            }
            text-decoration: none;
        }
    }
}

.industry{
    .def-banner{
        @include background(url(../images/ind_banner.jpg) no-repeat center top);
    }
    .industry-main1{
        padding:40px 0 30px;
        width: 980px;
        margin: 0 auto;
        h3{
            color:#000;
        }
        .ind-list1{
            @include box(308px,312px);
            margin: 0 28px 60px 0;
            &:nth-child(3n){
                margin-right: 0;
            }
            .ind-img{
                display: block;
                @include box(308px,280px);
                overflow: hidden;
                img{
                    transition: 0.5s;
                    -moz-transition: 0.5s;
                    -webkit-transition: 0.5s;
                    -o-transition: 0.5s;
                }
                &:hover{
                    img{
                        transform: scale(1.1);
                        -webkit-transform: scale(1.1);
                        -moz-transform: scale(1.1);
                        -o-transform: scale(1.1);
                        -ms-transform: scale(1.1);
                    }
                }
            }
            .lis-info{
                height: 20px;
                line-height: 20px;
                padding-top: 12px;
                a{
                    color:#000;
                    &.more{
                        display: block;
                        color:#009FE6;
                        border:1px solid #009FE6;
                        @include box(53px,18px,16px);
                        border-radius: 9px;
                        &:hover{
                            background: #daecfa;
                            text-decoration: none;
                        }
                    }
                    &:hover{
                        text-decoration: none;
                    }
                }
            }
        }
        .lng-box{
            overflow: hidden;
        }
        .lng-list1{
            @include box(308px,390px);
            @include background(url(../images/lng_bg.png) no-repeat left bottom);
            margin: 0 28px 15px 0;
            &:nth-child(3n){
                margin-right: 0;
            }
            .ind-img{
                @include box(308px,180px);
            }
            h4{
                height: 40px;
                line-height: 21px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                color:#000;
            }
            p{
                height: 82px;
                line-height: 21px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 4;
                color:#6f6f6f;
            }
            .more{
               display: block;
                color:#009FE6;
                border:1px solid #009FE6;
                @include box(53px,18px,16px);
                border-radius: 9px;
                margin: 18px 0 0 0;
            }
            &:hover{
                background: #E2E8F4;
                .more{
                    background: #daecfa;
                }
                text-decoration: none;
            }
        }
        .lng-more{
            cursor: pointer;
            &:hover{
                .more-txt{
                    opacity: 1;
                }
            }
        }
    }
    .indus-del{
        width: 980px;
        margin: 0 auto;
        h3{
            color:#000;
        }
        .del-title{
            color:#000;
        }
        .del-left{
            width: 222px;
        }
        .del-center{
            width: 450px;
            padding:0 58px 0 30px;
        }
        .del-right{
            @include box(178px,310px);
            border:1px solid #878180;
            padding:20px;
            .swiper-container{
                @include box(178px,310px);
            }
            .swiper-button-next, .swiper-button-prev{
                @include box(8px,8px);
                background: none;
                font-size: 14px;
                top:290px;
                margin: 0;
            }
            .swiper-button-prev{
                left: 0;
            }
            .swiper-button-next{
                right: 140px;
            }
            .swiper-slide{
                a{
                    line-height: 21px;
                    position: relative;
                    display: block;
                    padding-left: 15px;
                    &:before{
                        content: "";
                        position: absolute;
                        @include box(4px,4px);
                        background: #6f6f6f;
                        border-radius: 50%;
                        left: 0;
                        top: 8px;
                    }
                    &.active, &:hover{
                        font-weight: bold;
                        color:#000;
                        text-decoration: none;
                    }
                }
            }
        }
        .del-banner{
            @include box(980px,530px);
            .swiper-container{
                @include box(980px,530px);
                .swiper-pagination{
                    bottom:20px;
                }
                .swiper-pagination-bullet{
                    @include box(10px,10px);
                    background: none;
                    border:1px solid #fff;
                    opacity: 1;
                    margin: 0 7px;
                    &.swiper-pagination-bullet-active{
                        background: #fff;
                    }
                }
            }
        }
    }
}

.products{
    .def-info{
        border-top:1px solid #958F8E;
        border-bottom:1px solid #958F8E;
        padding:30px 0;
        margin-top:40px;
    }
    .products-main{
        @include background(url(../images/pro_bg.jpg) repeat-y center top);
        padding:60px 0 60px;
        .pro-txt1{
            color:#316CAF;
            font-weight: bold;
            top: 35px;
            left: 0;
        }
        .pro-txt2{
            padding:0 0 0 388px;
            width: 382px;
            h3{
                color:#000;
            }
        }
        &.main2{
            margin-bottom:95px;
            margin-top:55px;
            .pro-txt1{
                color:#000;
                top: 50px;
            }
        }
    }
    .products-main2{
        margin-top: 77px;
        .main2-list{
            @include box(350px,450px);
            margin-right:39px;
            padding:0 0 27px;
            &:nth-child(3n){
                margin-right:0;
            }
            .lis-img{
                @inclue box(350px,350px);
            }
            h3{
                padding:20px 0 15px;
                color: #000;
            }
            p{
                line-height: 21px;
                padding-bottom:25px;
                color:#6f6f6f;
            }
            .more{
                @include background(url(../images/more.png) no-repeat left top);
                @include box(91px,30px);
            }
            &:hover{
                text-decoration: none;
                .more{
                    @include background(url(../images/more_hover.png) no-repeat left top);
                }
            }
            &.active{
                padding:0 0 27px;
                @include background(url(../images/dot2.png) no-repeat left bottom);
                .more{
                    @include background(url(../images/more_close.png) no-repeat left top);
                }
                h3{
                    color:#316CAF;
                }
                p{
                    color:#316CAF;
                }
            }
        }
    }
    .main2-active{
        &.active{
            display: block;
        }
        .main2-box{
            padding:30px 0 60px;
            background:rgba(242,242,242,1);
            box-shadow:inset 0px 15px 15px -15px rgba(11,3,6,0.2),
                 inset 0px -15px 15px -15px rgba(11,3,6,0.2);
            border-top:1px solid #807d7c;
            border-bottom:1px solid #807d7c;
            &.active{
                display: block;
            }
            .box-left{
                width: 350px;
                p{
                    line-height: 21px;
                    padding-bottom:20px;
                }
            }
            .box-right{
                width: 738px;
                h3{
                    color:#316CAF;
                    padding-bottom:20px;
                }
            }
        }
    }
}

.develop{
    .develop-main{
        width: 980px;
        margin: 70px auto 60px;
        .dev-img{
            img{
                max-width: 980px;
            }
        }
        h3{
            color:#000;
        }
        p{
            line-height: 22px;
            width: 700px;
            margin: 0 auto 35px;
        }
        .more{
            display: block;
            color:#009FE6;
            border:1px solid #009FE6;
            @include box(53px,18px,16px);
            border-radius: 9px;
            margin: 0 auto;
            &:hover{
                background: #daecfa;
                text-decoration: none;
            }
        }
        .line{
            margin: 10px 0 5px;
            height: 80px;
        }
    }
}
.develop-del{
    .def-info{
        width: 980px;
        margin: 0 auot;
        h3{
            color:#000;
        }
        p{
            width: 770px;
            margin: 0;
        }
    }
    .def-fix{
        @include box(149px,475px);
        left: 50%;
        margin-left: 339px;
        top: 42px;
        background: #F5F5F5;
        border:1px solid #8F8B8A;
        .fix-box{
            display: block;
            margin: 0 auto;
            @include box(126px,34px);
            padding-top: 60px;
            text-align: center;
            border-bottom:1px solid #C5C5C5;
            opacity: 0.7;
            color:#717070;
            &:hover,&.active{
                text-decoration: none;
                font-weight: bold;
                opacity: 1;
            }
            &:nth-child(1){
                @include background(url(../images/icon.png) no-repeat center 18px);
            }
            &:nth-child(2){
                @include background(url(../images/icon.png) no-repeat center -80px);
            }
            &:nth-child(3){
                @include background(url(../images/icon.png) no-repeat center -175px);
            }
            &:nth-child(4){
                @include background(url(../images/icon.png) no-repeat center -275px);
            }
            &:nth-child(5){
                @include background(url(../images/icon.png) no-repeat center -365px);
                border:none;
            }
        }
        &.fixed{
            position: fixed;
            top: 63px;
            &.abs{
                position: absolute;
                top: auto;
                bottom:0px;
            }
        }
    }
    .develop-del-main{
        width: 980px;
        margin: 40px auto 130px;
        .del-main{
            width: 770px;
            h3{
                color:#000;
            }
            .del-left{
                width: 360px;
                .lis-img{
                    @include box(360px,250px);
                }
                h3{
                    line-height: 22px;
                    padding:20px 0 10px;
                }
                p{
                    line-height: 22px;
                    width: 360px;
                }
            }
        }
    }
}

.service{
    .ser-main{
        .blue{
            color:#316CAF;
        }
        .black{
            color:#000;
        }
        h3{
            line-height: 36px;
        }
        p{
            line-height:21px;
        }
        .ser-info{
            width: 530px;
        }
        .ser-img{
            width: 530px;
        }
    }
    .news-other{
        width: 1128px;
        padding:15px 74px 130px;
        margin-top:60px;
    }
}

.director{
    .diretor-main{
        width: 980px;
        margin: 25px auto 140px;
        .dire-list{
            @include box(980px,245px);
            .dire-img{
                @include box(290px,220px);
                background:#F2F2F2;
                img{
                    max-width:290px;
                    max-height:220px;
                }
            }
            .dire-info{
                @include box(635px,217px,24px);
                padding:27px 0 0;
                border-top:1px solid #4C4A49;
                color:#4c4a4a;
            }
        }
    }
}

.about{
    .about-main{
        width: 980px;
        margin: 25px auto 80px;
    }
    .ab-img{
        @include box(290px,250px);
        background: #727070;
        img{
            max-width: 290px;
            max-height: 250px;
        }
        margin-right: 55px;
        &:nth-child(3){
            margin-right: 0;
        }
    }
    .about-culture{
        .cul-list{
            @include box(240px,200px,24px);
            background: #F2F2F2;
            padding:50px 25px 0;
            margin: 0 55px 20px 0;
            h3{
                color:#316CAF;
            }
            &:nth-child(3), &:nth-child(5){
                margin-right: 0;
            }
            &:nth-child(5){
                @include box(600px,200px);
                padding-right: 10px;
                h3{
                    width: 72px;
                }
                .lis-info{
                    width: 445px;
                }
            }
        }
    }
    .about-social{
        h3{
            color:#316CAF;
        }
        p{
            line-height: 24px;
        }
        .social-left{
            @include box(240px,470px);
            background: #f2f2f2;
            padding:50px 25px 0;
        }
        .social-right{
            width: 635px;
            margin-left: 55px;
            .right-top{
                @include box(580px,200px);
                padding:50px 30px 0 25px;
                background: #f2f2f2;
                h3{
                    width: 72px;
                }
                .lis-info{
                    width: 475px;
                }
            }
            .right-bottom{
                @include box(240px,225px,24px);
                background: #F2F2F2;
                padding:25px 25px 0;
                margin: 0 55px 20px 0;
                h3{
                    color:#316CAF;
                }
                &:nth-child(2){
                    margin-right: 0;
                }
            }
        }
    }
    .about-news{
        width: 980px;
        margin: 25px auto 80px;
        .news-left{
            width: 635px;
            .left-img{
                @include box(635px,310px);
                display: block;
                img{
                    max-width: 635px;
                    max-height: 310px;
                }
            }
            .left-box{
                display: block;
                @include box(500px,130px);
                -moz-box-shadow:0px 5px 20px rgba(11,3,6,0.2);
                -webkit-box-shadow:0px 5px 20px rgba(11,3,6,0.2);
                box-shadow:0px 5px 20px rgba(11,3,6,0.2);
                padding:35px;
                h3{
                    color:#316CAF;
                }
                p{
                    line-height: 26px;
                }
                &:hover{
                    text-decoration: none;
                }
            }
        }
        .news-del{
            width: 635px;
            h3{
                color:#000;
            }
            h4{
                color: #316CAF;
                font-weight: normal;
            }
            .del-page{
                a{
                    display: block;
                }
            }
        }
        .news-right{
            width: 290px;
            h3{
                color:#000;
            }
            .right-box{
                @include box(290px,370px);
                .ri-img{
                    @include box(290px,200px);
                }
                .ri-info{
                    @include box(260px,150px);
                    padding:20px 15px 0;
                    -moz-box-shadow:0px 5px 20px rgba(11,3,6,0.2);
                    -webkit-box-shadow:0px 5px 20px rgba(11,3,6,0.2);
                    box-shadow:0px 5px 20px rgba(11,3,6,0.2);
                    h3{
                        line-height: 26px;
                        color:#316CAF;
                    }
                }
            }
            .rig-mt{
                display: block;
                @include box(210px,66px);
                padding:24px 40px 0;
                @include background(url(../images/mt_bg.jpg) no-repeat left top);
                text-decoration: none;
                font-weight: bold;
                &:hover, &.active{
                    background: #fff;
                    -moz-box-shadow:0px 0px 20px rgba(11,3,6,0.2);
                    -webkit-box-shadow:0px 0px 20px rgba(11,3,6,0.2);
                    box-shadow:0px 0px 20px rgba(11,3,6,0.2);
                }
            }
        }
        .more-link{
            display: block;
            @include box(94px,13px);
            margin: 60px auto 40px;
            @include background(url(../images/nm.png) no-repeat left top);
            position: relative;
            &:before{
                content: "";
                position: absolute;
                width: 0;
                height: 2px;
                background: #316caf;
                left: 0;
                bottom:-8px;
                transition:0.3s;
                -moz-transition: 0.3s;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
            }
            &:hover{
                @include background(url(../images/nm_hover.png) no-repeat left top);
                &:before{
                    width: 94px;
                }
            }
        }
        .left-list{
            border-top: 1px solid #6F6F6F;
            padding:30px 0 40px;
            li{
                height: 40px;
                line-height: 40px;
                .l-time{
                    margin-right: 20px;
                    width: 84px;
                    height: 38px;
                    border-bottom:2px solid #006CB3;
                }
                .l-info{
                    height: 39px;
                    width: 529px;
                    border-bottom: 1px solid #9F9F9F;
                }
            }
        }
        .left-page{
            a{
                text-align: center;
                @include box(25px,25px,26px);
                border-radius: 50%;
                background: #6f6f6f;
                margin-right: 5px;
                color:#fff;
                float: left;
                font-size: 14px;
                &.active, &:hover{
                    background: #006CB3;
                    text-decoration: none;
                }
            }
            span{
                display: block;
                padding:0 10px 0 5px;
            }
        }
        .nl-list{
            @include box(290px,155px);
            display: block;
            &:nth-child(1){
                margin-top: 34px;
            }
            .nl-info{
                color:#fff;
                @include box(290px,155px);
                left: 0;
                top: 0;
            }
            &:hover{
                .nl-info{
                    background: rgba(0,0,0,0.3);
                }
            }
        }
        .media{
            width: 635px;
            h3{
                color:#000;
            }
            .media-form{
                @include box(565px,490px);
                background: #F2F2F2;
                padding:30px 50px 0 20px;
                .form-list{
                    margin-bottom: 15px;
                    .name{
                        @include box(80px,25px,24px);
                        padding-right: 15px;
                    }
                    .input-box{
                        width: 470px;
                        input{
                            @include box(453px,23px,25px);
                            border:1px solid #A29F9F;
                            padding-left:15px;
                        }
                        textarea{
                            @include box(448px,104px,25px);
                            border:1px solid #A29F9F;
                            padding:15px;
                        }
                    }
                }
                .sub-btn{
                    @include box(62px,24px,24px);
                    @include background(url(../images/sub_btn.png) no-repeat left top);
                    border:none;
                    padding:0;
                    margin: 0 0 0 95px;
                    cursor: pointer;
                    border-radius: 12px;
                    &:hover{
                        @include background(url(../images/sub_btna.png) no-repeat left top);
                        -moz-box-shadow:0px 3px 6px rgba(0,0,0,0.3);
                        -webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.3); 
                        box-shadow:0px 3px 6px rgba(0,0,0,0.3);
                    }
                }
            }
        }
    }
    .honor{
        .honor-left{
            @include box(240px,450px);
            background: #F2F2F2;
            padding:35px 25px;
            .swiper-container{
                @include box(240px,450px);
            }
            .swiper-button-next, .swiper-button-prev, #swiper_star, #swiper_end{
                @include box(8px,8px);
                background: none;
                font-size: 14px;
                top:428px;
                margin: 0;
                position: absolute;
                opacity: 1;
                z-index: 10;
                cursor: pointer;
            }
            #swiper_star{
                left: 0;
            }
            #swiper_end{
                left: 105px;
            }
            .swiper-button-prev{
                left: 40px;
            }
            .swiper-button-next{
                right: 155px;
            }
            .swiper-slide{
                a{
                    line-height: 22px;
                    display: block;
                    &.active, &:hover{
                        font-weight: bold;
                        color:#000;
                        text-decoration: none;
                    }
                }
            }
        }
        .honor-right{
            @include box(635px,520px);
            background: #F2F2F2;
            img{
                max-width: 300px;
                max-height: 420px;
                background: #6f6f6f;
            }
        }
    }
    .memor{
        .memor-left{
            @include box(290px,440px);
            padding:40px 0;
            background: #f2f2f2;
            position: relative;
            &:before{
                content: "";
                position: absolute;
                @include box(3px,414px);
                background: #006DB3;
                top: 55px;
                left: 143px;
            }
            .gallery-thumbs{
                width: 106px;
                height: 340px;
                margin: 0 auto;
                .swiper-slide{
                    @include box(106px,68px);
                    position: relative;
                    cursor: pointer;
                    .info{
                        position: relative;
                        padding-top: 44px;
                        height: 24px;
                        line-height: 24px;
                        &:before{
                            content: "";
                            position: absolute;
                            left: 42px;
                            @include box(15px,15px);
                            border:3px solid #006DB3;
                            background: #fff;
                            border-radius: 50%;
                        }
                    }
                    &:nth-child(2n){
                        .info{
                            text-align: right;
                        }
                    }
                    &.swiper-slide-active{
                        .info{
                            color:#316CAF;
                            &:before{
                                background: #006DB3;
                            }
                        }
                    }
                }
            }
            .memor-next{
                margin: 0 auto;
                padding-top: 50px;
                @include box(25px,25px);
                @include background(url(../images/down.png) no-repeat center bottom);
                cursor: pointer;
            }
            .memor-prev{
                margin: 0 auto;
                @include box(25px,25px);
                @include background(url(../images/up.png) no-repeat center);
                cursor: pointer;
            }
        }
        .memor-right{
            @include box(575px,470px);
            background: #f2f2f2;
            padding:50px 30px 0;
            .box{
                background: #f2f2f2;
                @include box(575px,470px);
                display: none;
                .year{
                    color:#316CAF;
                    font-weight: bold;
                }
                .info{
                    width: 215px;
                }
            }
        }
        .memor-left{
            @include box(290px,440px);
            padding:40px 0;
            background: #f2f2f2;
            position: relative;
        }
        .memor-right{
            @include box(575px,470px);
            background: #f2f2f2;
            padding:50px 30px 0;
        }
    }
    .download{
        .download-left{
            @include box(230px,460px);
            background: #f2f2f2;
            padding:30px 30px;
            a{
                padding-left: 10px;
                font-weight: bold;
                height: 45px;
                line-height: 45px;
                color:#000;
                width: 147px;
                position: relative;
                cursor: pointer;
                display: block;
                &:before{
                    content: "";
                    @include box(0,3px);
                    background: #316caf;
                    bottom:0;
                    left: 0;
                    position: absolute;
                    transition:0.5s;
                    -moz-transition: 0.5s;
                    -webkit-transition: 0.5s;
                    -o-transition: 0.5s;
                }
                &:hover, &.active{
                    &:before{
                        width: 157px;
                    }
                }
            }
        }
        .download-right{
            @include box(565px,440px);
            padding:35px 40px;
            background: #f2f2f2;
            .right-menu{
                @include box(220px,440px);
            }
            .swiper-container{
                @include box(220px,440px);
            }
            .swiper-button-next, .swiper-button-prev, #swiper_star, #swiper_end{
                @include box(8px,8px);
                background: none;
                font-size: 14px;
                top:410px;
                margin: 0;
                position: absolute;
                opacity: 1;
                z-index: 10;
                cursor: pointer;
            }
            #swiper_star{
                left: 0;
            }
            #swiper_end{
                left: 85px;
            }
            .swiper-button-prev{
                left: 35px;
            }
            .swiper-button-next{
                right: 150px;
            }
            .swiper-slide{
                a{
                    line-height: 22px;
                    display: block;
                    &.active, &:hover{
                        font-weight: bold;
                        color:#000;
                        text-decoration: none;
                    }
                }
            }
            .right-main{
                width: 250px;
                .r-pic{
                    @include box(250px,350px);
                    background:#6F6F6F;
                    img{
                        max-width:100%;
                        max-height:100%;
                    }
                }
                .down-link{
                    display: block;
                    @include background(url(../images/pdf_icon.png) no-repeat left top);
                    padding:10px 0 0 35px;
                }
            }
        }
    }
}
.career{
    .career-box{
        width: 980px;
        margin: 0 auto;
        h3{
            color:#316CAF;
        }
        .car-left{
            width: 290px;
            .left-box{
                @include box(250px,461px,21px);
                background: #0096CE;
                padding:30px 20px;
                color:#fff;
            }
        }
        .car-right{
            width: 635px;
            .rig-box{
                @include box(635px,521px);
                .info1{
                    left: 30px;
                    top: 30px;
                }
                .info2{
                    left: 515px;
                    top: 327px;
                }
                .info3{
                    left: 355px;
                    top: 30px;
                }
                .info-txt{
                    font-weight:bold;
                    color:rgba(253,253,251,1);
                    text-shadow:0px 0px 4px rgba(11,3,6,1);
                }
            }
        }
        .car-bottom{
            h3{
                border-bottom:1px solid #4B4947;
                padding-bottom: 8px;
            }
            .Collapsing{
                height: 70px;
                line-height: 70px;
                border-bottom:1px solid #4c4a49;
                color:#4c4a4a;
                cursor: pointer;
                transition: 0.5s;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                .co-zw{
                    width: 305px;
                }
                .co-xl{
                    width: 185px;
                }
                .co-dd{
                    width: 210px;
                }
                .co-time{
                    width: 220px;
                }
                .btn{
                    @include background(url(../images/jia.jpg) no-repeat right center);
                    @include box(60px,70px);
                }
                &.current{
                    border:none;
                    font-weight: bold;
                    .btn{
                        @include background(url(../images/jian.jpg) no-repeat right center);
                    }
                }
            }
            .coll_body{
                display: none;
                p{
                    width: 860px;
                    line-height: 21px;
                    padding:0 0 30px 20px;
                    b{
                        color:#000;
                        line-height: 30px;
                    }
                }
                &.active{
                    border-bottom:1px solid #4c4a49;
                }
            }
        }
    }
}

.year{
    width: 980px;
    margin: 0 auto 80px;
    .year-left{
        @include box(230px,460px);
        background: #f2f2f2;
        padding:30px 30px;
        li{
            padding-left: 10px;
            font-weight: bold;
            height: 45px;
            line-height: 45px;
            color:#000;
            width: 147px;
            position: relative;
            cursor: pointer;
            &:hover, &.active{
                &:before{
                    content: "";
                    @include box(157px,3px);
                    background: #316caf;
                    bottom:0;
                    left: 0;
                    position: absolute;
                }
            }
        }
    }
    .year-right{
        @include box(635px,470px);
        background: #f2f2f2;
        padding:50px 0 0;
        overflow: hidden;
        #certify {
            position: relative;
            width: 635px;
            margin: 0 auto;
        }
        #certify .swiper-container {
            width: 635px;
        }

        #certify  .swiper-slide {
            width: 451px;
        }
        #certify  .swiper-slide img{
            display:block;
        }
        #certify  .swiper-slide{
            .pdf-down{
                    padding-left: 40px;
                    @include background(url(../images/pdf_icon.png) no-repeat left top);
                    height: 17px;
                    display: none;
                    padding-top: 15px;
                    margin:25px 0 0 102px;
                    font-size:12px;
                    &:hover{
                        span{
                            text-decoration: underline;
                        }
                    }
                }
        }

        #certify .swiper-pagination {
            width: 100%;
            bottom: 20px;
        }

        #certify .swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 5px;
            border: 3px solid #fff;
            background-color: #d5d5d5;
            width: 10px;
            height: 10px;
            opacity: 1;
        }

        #certify .swiper-slide-active {
            .pdf-down{
                display: block;
            }
        }
        .swiper-button-next{
            right:15px;
            top:0;
            margin:0;
            @include box(175px,400px);
            @include background(url(../images/next_2.png) no-repeat right 185px);
            outline:none;
        }
        .swiper-button-prev{
            left:15px;
            top: 0;
            margin:0;
            @include box(175px,400px);
            @include background(url(../images/prev_2.png) no-repeat left 185px);
            outline:none;
        }
    }
}

.car-wh{
    width: 980px;
    margin: 0 auto;
    h3{
        color:#316CAF;
    }
    .wh-list{
        border-bottom: 1px solid #CFCFD0;
        margin-bottom: 60px;
        .lis-pic{
            @include box(320px,228px);
            background: #4B4947;
            margin-right: 35px;
            img{
                max-width: 100%;
                max-height: 100%;
            }
        }
        .info{
            width: 625px;
            h4{
                color:#316CAF;
            }
            p{
                line-height: 21px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
            }
            .more{
                position: relative;
                display: block;
                @include box(100px,28px);
                color:#4C4A49;
                @include background(url(../images/jt2.png) no-repeat 75px 5px);
                text-indent: 10px;
                &:before{
                    content: "";
                    @include box(0px,2px);
                    background: #316CAF;
                    position: absolute;
                    left: 0;
                    bottom:0;
                    transition:0.5s;
                    -moz-transition: 0.5s;
                    -webkit-transition: 0.5s;
                    -o-transition: 0.5s;
                }
                &:hover{
                    &:before{
                        width: 100px;
                    }
                }
            }
        }
    }
}
.car-wj{
    width: 980px;
    margin: 0 auto;
    h3{
        color:#316CAF;
    }
    .wj-list{
        border-bottom: 1px solid #CFCFD0;
        margin-bottom: 60px;
        transition:0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        .lis-pic{
            @include box(320px,228px);
            background: #4B4947;
            margin-right: 35px;
            img{
                max-width: 100%;
                max-height: 100%;
            }
        }
        .info{
            width: 625px;
            h4{
                color:#316CAF;
            }
            p{
                line-height: 21px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                -moz-transition: 0.5s;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                &.active{
                    -webkit-line-clamp: 999;
                }
            }
            .more{
                position: relative;
                display: block;
                @include box(110px,30px,28px);
                color:#fff;
                background: #70B92C;
                span{
                    font-size: 18px;
                    padding-left: 5px;
                }
            }
        }
    }
}

.car-kw{
    width: 980px;
    margin: 0 auto;
    h3{
        color:#316CAF;
        padding-bottom: 15px;
        border-bottom: 1px solid #CFCFD0;
    }
    .kw-box{
        border-bottom: 1px solid #CFCFD0;
    }
    .kw-list{
        @include box(180px,400px);
        margin-right: 86px;
        &:nth-child(4){
            margin-right: 0;
        }
        .kw-img{
            @include box(180px,255px);
            background: #6F6F6F;
            display: block;
        }
        .kw-info{
            @include background(url(../images/pdf_icon.png) no-repeat left top);
            display: block;
            padding-top: 40px;
            text-decoration: underline;
        }
    }
}

.about-video{
    width: 980px;
    margin: 0 auto;
    h3{
        color:#316CAF;
        padding-bottom: 15px;
    }
    .video-ma{
        border-top: 1px solid #CFCFD0;
    }
    .video-list{
        @include box(260px,235px);
        margin-right: 100px;
        &:nth-child(3){
            margin-right: 0;
        }
        .video-img{
            @include box(260px,146px);
            img{
                max-width: 100%;
                max-height: 100%;
            }
            &:before{
                position: absolute;
                content: "";
                background: #009fe6;
                @include box(44px,27px);
                border-radius: 5px;
                left: 10px;
                bottom:10px;
            }
            &:after{
                content: "";
                position: absolute;
                @include box(0px,0px);
                border-left:12px solid #fff;
                border-top:7px solid transparent;
                border-bottom:7px solid transparent;
                left: 26px;
                bottom:16px;
                z-index: 99;
            }
            &:hover{
                &:before{
                    background: #2e6daf;
                }
            }
        }
    }
}

.video-close{
    right: 50%;
    margin-right:-480px;
    top: 50%;
    margin-top:-275px;
    @include background(url(../images/vi_close.png) no-repeat left top);
    @include box(34px,33px);
    &:hover{
        @include background(url(../images/vi_closeh.png) no-repeat left top);
    } 
}


.map{
    .map-title{
        background: #316caf;
        color:#fff;
        height: 50px;
        padding-top: 70px;
    }
    .map-box{
        width: 980px;
        margin: 0 auto;
        padding:35px 0 50px;
        .map-item{
            @include box(225px,240px);
            margin-right: 26px;
            &:nth-child(4n){
                margin-right: 0;
            }
            h3{
                @include box(225px,30px,30px);
                text-indent: 30px;
                color:#316caf;
                background: #dbdbdb;
            }
            li{
                height: 24px;
                line-height: 24px;
                padding-left: 30px;
                @include background(url(../images/jt3.png) no-repeat left center);
                a{
                    color:#4c4a49;
                    &:hover{
                        color:#316caf;
                    }
                }
            }
        }
    }
}